<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure.css"/>
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>RegistroUsuario</title>
    </h:head>
    <body>

        <ui:composition template="./template.xhtml">

            <ui:define name="menu">
                <div class="pure-menu pure-menu-open">
                    <a class="pure-menu-heading" href="#">Paginas</a>                
                    <ul>
                        <li><a href="./faces/usuarioDetails.xhtml">usuarioDetails</a></li>															
                        <li><a href="./faces/Adrees.xhtml">Adrees</a></li>															
                        <li><a href="./faces/Car.xhtml">Car</a></li>															
                    </ul>
                </div>
            </ui:define>

            <ui:define name="header">
                <h1>Banner</h1>
            </ui:define>
            <ui:define name="content">
                <h:form id="formulario1">
                    <p:panelGrid id="panel1" columns="2">
                        <f:facet name="header">  
                            Form Usuario  
                        </f:facet> 
                        <h:outputLabel value="First Name" />
                        <h:inputText id="firstName" value="#{manejoUsuariosBean.customer.firstName}" />

                        <h:outputLabel value="Last Name" />
                        <h:inputTextarea id="lastName" value="#{manejoUsuariosBean.customer.lastName}" />

                        <h:outputLabel value="Password" />
                        <h:inputSecret id="password" value="#{manejoUsuariosBean.customer.password}" />

                        <h:outputLabel value="Email" />
                        <h:inputText id="email"  />

                        <h:outputLabel value="Password Confirmation" />
                        <h:inputSecret id="PasswordConfirmation"  />

                        <h:outputLabel value="Phone Number" />
                        <h:inputTextarea id="phoneNumber" value="#{manejoUsuariosBean.customer.phoneNumber}" />

                        <h:outputLabel value="Observaciones" />
                        <h:inputTextarea id="Observaciones"  />

                        <h:outputLabel value="Language" />
                        <h:selectOneRadio id="Language" value="#{manejoUsuariosBean.customer.language}">
                            <f:selectItem id="item1Language" itemLabel="Spanish" itemValue="Spanish" />
                            <f:selectItem id="item2Language" itemLabel="English" itemValue="English" />
                            <f:selectItem id="item3Language" itemLabel="Portuguese" itemValue="Portuguese" />
                        </h:selectOneRadio>
                        <h:outputLabel value="Estado Civil" />
                        <h:selectOneRadio id="State" >
                            <f:selectItem id="item1State" itemLabel="Casado" itemValue="Casado" />
                            <f:selectItem id="item2State" itemLabel="Soltero" itemValue="Soltero" />
                            <f:selectItem id="item3State" itemLabel="Union libre" itemValue="Union libre" />
                        </h:selectOneRadio>
                        <h:outputLabel value="Genre" />
                        <h:selectOneMenu id="Genre" value="#{manejoUsuariosBean.customer.genere}">
                            <f:selectItem id="item1Genre" itemLabel="Male" itemValue="Male" />
                            <f:selectItem id="item2Genre" itemLabel="Femine" itemValue="Femine" />
                        </h:selectOneMenu>	
                        <h:outputLabel value="Pais" />
                        <h:selectOneMenu id="country" value="#{manejoUsuariosBean.adress.city}">
                            <f:selectItem id="item1country" itemLabel="Colombia" itemValue="Colombia" />
                            <f:selectItem id="item2country" itemLabel="Otro" itemValue="Otro" />
                        </h:selectOneMenu>	
                        <h:outputLabel value="Date of Birth" />
                        <p:calendar value="#{manejoUsuariosBean.customer.dateOfBirth}" id="dateOfBirth" />

                        <h:outputLabel value="Date 2" />
                        <p:calendar  id="date2" />	

                        <h:outputLabel value="Carro" />
                        <h:selectBooleanCheckbox id="car" value="#{manejoUsuariosBean.customer.car}" />

                        <h:outputLabel value="Moto" />
                        <h:selectBooleanCheckbox id="moto"  />	

                        <f:facet name="footer">

                            <p:commandButton type="submit" value="Save" id="guardar" style="margin:0" action="#{manejoUsuariosBean.accion}"/>
                        </f:facet> 
                    </p:panelGrid>
                </h:form>
                <h:form>
                    <p:dataTable var="customer" value="#{manejoUsuariosBean.customers}">
                        <p:column headerText="First Name">  
                            <h:outputText value="#{customer.firstName}" />  
                        </p:column>	
                        <p:column headerText="Last Name">  
                            <h:outputText value="#{customer.lastName}" />  
                        </p:column>	
                        <p:column headerText="Email">  
                            <h:outputText value="#{customer.email}" />  
                        </p:column>	
                        <p:column headerText="Language">  
                            <h:outputText value="#{customer.language}" />  
                        </p:column>	
                        <p:column headerText="Actions">
                            <h:commandLink id="editar" type="submit" value="Edit" action="#{manejoUsuariosBean.edit}"/>
                        </p:column>						
                    </p:dataTable> 
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>

